<template>
	<div class="mapBox">
		<!-- <BIGENAP ref="BIGENAP" id="mapBIGENAP" :baseId="$route.query.baseId" mapHeight="100vh" :configs="mapConfig"></BIGENAP> -->
		<mars3d ref="mars3ds" :linkBtn="false" :editor="true" :baseId="mapData" :lngLat="lngLat" height="100%"></mars3d>
	</div>
</template>

<script>
	import BIGENAP from '../../components/newMap.vue'
	import mars3d from '../../components/mars3d.vue'
	// import {decode} from '@/utils/encryption.js'
	export default{
		components: {
			BIGENAP,
			mars3d
		},
		data(){
			return{
				mapConfig:{
					isOpenEditor: true, // 是否打开编辑
					maxZoom: 18,
					mapUrl: '',
					zoom: 4,
					mapSource: 'bigemap.arcgis-satellite',
					// coverage: ['bigemap.amap-streets']
				},
				mapData: '',
				lngLat:[106.468095,29.591354]
			}
		},
		created(){
			this.mapData = this.$route.query.baseId
			console.log(this.$route.query.baseId)
			if(this.$route.query.baseLatLng){
				this.lngLat = JSON.parse(this.$route.query.baseLatLng)
			}
			console.log(this.lngLat,'lngLat');
		},
		mounted() {
		},
		methods:{
			
		}
	}
</script>

<style scoped="scoped">
	.mapBox{
		width: 100%;
		/* margin-left: 20px; */
		overflow: hidden;
		height: 100vh;
		/* margin-bottom: 40px; */
	}
</style>
